<template>
  <view class="container">
    <!-- 动态按钮 -->
    <button 
      @click="handleMainBtn"
      class="main-btn"
      :style="{backgroundColor: isLogin ? '#9BBFE0' : '#CCE1F2'}"
    >
      {{ isLogin ? '开始探索' : '去登录' }}
    </button>
  </view>
</template>

<script>
import { mapState } from 'vuex'

export default {
  computed: {
    ...mapState('user', ['isLogin'])
  },
  methods: {
    handleMainBtn() {
      if (!this.isLogin) {
        uni.navigateTo({
          url: '/pages/auth/login'
        })
      } else {
        // 已登录状态的操作
        uni.showToast({ title: '开始探索吧！' })
      }
    }
  }
}
</script>

<style>
.main-btn {
  width: 60%;
  height: 100rpx;
  color: white;
  border-radius: 50rpx;
  margin: 40rpx auto;
}
</style>